<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/pubilc.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/login.css">
    <script src="./js/jquery.min.js"></script>
    <title>xx前端学院-登录</title>

</head>

<body>
    <!-- header -->
    <script src="./public/header.js"></script>
    <!-- login 模块 -->
    <div class="container">
        <div class="wrapper row">
            <!-- 头部 -->
            <div class="login-hd row col-xs-12 no-gutters">
                <div class="left-line line col-sm-5 col-xs-3 col-xs-offset-1 col-sm-offset-0">

                </div>
                <div class="col-sm-2 col-xs-4 title">
                    <h2>登录</h2>
                </div>
                <div class="right-line line col-sm-5 col-xs-3">

                </div>
            </div>
            <!-- 内容 -->
            <div class="login-bd row col-xs-12 no-gutters">
                <div class="pic col-sm-6 hidden-xs row">
                    <img src="./img/login-bd.png" alt="" srcset="" class="col-xs-12">
                </div>

                <div class="login-form col-sm-5 col-xs-12 col-md-offset-1">
                    <div class="form-set">
                        <ul class="form-hd">
                            <li class="cheched">账号登录</li>
                            |
                            <li>扫码登录</li>
                        </ul>
                        <div class="content">
                            <div class="account tab">

                                <form action="">
                                    <div class="input-mod">
                                        <span class="iconfont">&#xe694;</span>
                                        <input type="text" name="number" id="number" placeholder="手机号">
                                    </div>
                                    <div class="input-mod">
                                        <span class="iconfont">&#xe64e;
                                        </span>
                                        <input type="text" name="code" id="code" placeholder="验证码">
                                        <button class="sendCode">发送</button>
                                    </div>

                                    <div class="input-mod">
                                        <span class="iconfont">&#xe632;</span>
                                        <input type="text" name="password" id="password" placeholder="密码">
                                    </div>
                                    <button class="login-btn">登录</button>

                                </form>
                                <div class="input-mod-reset">
                                    <p>没有账号？<a href="./signIn.html">马上注册</a></p>
                                </div>

                            </div>
                            <div class="codeLogin tab" style="display: none;">
                                <img src="./img/code.png" alt="">
                                <p>打开微信“扫一扫”，快速登录</p>
                            </div>
                        </div>
                        <div class="famous container">
                            <div class="row col-xs-7 align-items-start">TALK IS CHEAP</div>
                            <div class="row col-xs-7  col-xs-offset-1">SHOW ME THE CODE</div>
                            <div class="row col-xs-7 col-xs-offset-6 col-sm-offset-3">-LINUS</div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <script src="./js/jquery.min.js"></script>
    <script src="./bootstrap/popper.js" type="model"></script>
    <script src="./bootstrap/js/bootstrap.js"></script>
    <script src="./public/footer.js"></script>
    <script src="./js/login.js"></script>
</body>

</html>